.equip-info {
  display: flex;
  width: 100%;
  height: 100%;

  //设备信息表格
  &-table {
    padding-right: 50px;
    box-sizing: border-box;

    //标题
    & > .title {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 20px;
    }
  }

  //设备信息详情
  &-detail {
    display: grid;
    grid-template-columns: repeat(auto-fill, 45%);
    grid-column-gap: 20px;
    width: calc(100% - 350px);
    padding-left: 50px;
    box-sizing: border-box;
    border-left: 1px solid #cccccc;

    //设备信息内容
    & > .info {
      //标题
      & > .title {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 20px;
      }

      //设备内容
      & > .status-content {
        display: grid;
        grid-template-columns: repeat(auto-fill, 50%);
        height: calc(100% - 45px);

        //状态图片
        .status-content-img {
          width: 100%;
          height: 100%;

          //设备状态图片
          & > .equip-status-img {
            display: table;
            width: 70%;
            height: 70%;
            margin: auto;
            text-align: center;

            & > span {
              display: table-cell;
              font-size: 24px;
              font-weight: 600;
              color: white;
              vertical-align: middle;
            }
          }

          & > .equip-status {
            //运行背景图片
            &-run {
              background: url("~@static/images/actionBigscreen/equipInfo/status-run.png")
                no-repeat;
              background-size: 100% 100%;
            }
            //停机背景图片
            &-stop {
              background: url("~@static/images/actionBigscreen/equipInfo/status-stop.png")
                no-repeat;
              background-size: 100% 100%;
            }
            //故障背景图片
            &-warn {
              background: url("~@static/images/actionBigscreen/equipInfo/status-warn.png")
                no-repeat;
              background-size: 100% 100%;
            }
            //信号中断背景图片
            &-timeout {
              background: url("~@static/images/actionBigscreen/equipInfo/status-timeout.png")
                no-repeat;
              background-size: 100% 100%;
            }
          }
        }

        //状态文本信息
        .status-content-text {
          display: grid;
          grid-template-columns: repeat(2, 50%);
          grid-template-rows: repeat(2, 50%);

          & > .item {
            text-align: center;
            & > .main {
              display: block;
              height: 24px;
              font-size: 19px;
              font-weight: 600;
              margin-bottom: 4px;
            }
            & > .secondary {
              display: block;
              height: 20px;
              font-size: 14px;
              color: #333333;
              opacity: 0.7;
            }
          }
        }
      }
    }

    //设备图片
    & > .img {
      width: 80%;
      height: 80%;
      margin: auto;
      background-color: #f4f4f4;

      & > img {
        width: 100%;
        height: 100%;
      }
    }
  }
}
